<template>
	<div class="aid">
		<div class="base">
			<p class="fixed-top">
				积分预警消息
				<a-icon @click="closeFunction" type="close" />
			</p>
			<el-table :data="dataList" border :max-height="300" highlight-current-row style="width: 100%;margin-top: 49px;">
				<el-table-column type="index" label="序号" width="60" fixed="left" align="center"></el-table-column>
				<el-table-column prop="Title" label="预警名称" align="center"></el-table-column>
			</el-table>
			<a-form-model-item label="" class="fixed-bottom" style="padding: 10px !important;">
				<a-button type="primary" @click="closeFunction" style="margin-right: 0 !important;">确定</a-button>
			</a-form-model-item>
		</div>
	</div>
</template>

<script>
	export default {
		props: {
			dataList: Array
		},
		watch: {
			dataList: function(text) {

			}
		},
		data() {
			return {

			};
		},
		methods: {
			closeFunction(data) {
				this.$emit('closeFun', data);
			}
		}
	};
</script>

<style lang="less" scoped>
	.fixed-bottom{
		padding: 10px !important;
	}
	/deep/.ant-form-item {
		display: flex;
		margin-bottom: 10px !important;
	}

	/deep/.ant-form-item-label {
		width: 80px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		text-align: right;
	}

	/deep/.ant-form-item-control-wrapper {
		flex: 1;
	}

	/deep/.ant-calendar-picker {
		width: 100%;
	}
	.aid .base{
		width: 500px;
		height: 400px;
		margin-left: -250px;
		margin-top: -200px;
		top: 50%;
	}
</style>
